<!DOCTYPE html>
<html>
<head>
    <title><%=title%></title>
    <% include common/top.html %>
    <link rel='stylesheet' href='/pc/js/libs/bootstrap-sweetalert/sweetalert.css'/>
    <link rel='stylesheet' href='/pc/css/lnr.css'/>
    <script src='/pc/js/register.js'></script>
</head>
<body>
<!--大部分页面基于前端渲染，对于少数使用后端渲染页面的时候，配置partials，同时在这边引入content部分-->
    <header class='container'>
        <div class="site_logo">
            <a class="back" href="/">外卖订餐</a>
        </div>
    </header>
    <div class='login_container'>
        <section id="content" v-cloak>
            <form action="" class="clearfix" @submit.prevent="submit">
                <h1>Login Form</h1>
                <div>
                    <input type="text" placeholder="用户名" id="username"/>
                </div>
                <div>
                    <input type="password" placeholder="密码" id="password">
                </div>
                <div>
                    <input type="submit" value="注册" />
                    <a href="#">忘记密码？</a>
                    <a href="/login">登录</a>
                </div>
            </form><!-- form -->
            <div class="button">
                <a href="#">用户协议</a>
            </div><!-- button -->
        </section>
    </div>
</body>
</html>